<div class="divMainContent" align="center">
<input type="hidden" id='hdtable' value="tbl_menu"/>
<div id="divFormAdd">
[onshow;block=div;when [var.sCanEdit] = 1]
<form id="frFormAdd1" name="frFormAdd1">
<table class="tblInfo" id="tblFromAdd">
<tr ><td width="35%">Loai menu</td><td ><select  id="cmbCategoryType" onchange="changeCategory(this.value)">
<option value="-1"> Chọn </option>
<option value="1"> Category </option>
<option value="2"> Menu con </option>
</select>
</td>
</tr>
<tr  style="display:none" id="trFather">
<td >Danh Mục Cha</td>
<td >
<select  id="cmbFather">
<option value="-1"> Chon </option>
[var.father;htmlconv=no]
</select>
</td>
</tr>
<tr >
<td >Tiêu đề menu (Tiếng Việt)</td><td ><input type="text"  id="txtViMenu" /></td>
</tr>
<tr id="trFrmVi" style="display:none">
<td > Tiêu đề màn hình (Tiếng Việt)</td><td ><input type="text"  id="txtViForm" /></td>
</tr>
<tr >
<td >Tiêu đề menu (Tiếng Anh)</td><td ><input type="text"  id="txtEnMenu" /></td>
</tr>
<tr id="trFrmEn" style="display:none">
<td >Tiêu đề màn hình (Tiếng Anh)</td><td ><input type="text"  id="txtEnForm" /></td>
</tr>
<tr id="trModule" style="display:none" >
<td >Module</td><td ><input type="text"  id="txtModule" /></td>
</tr>
<tr >
<td >Loại Quyền Được Xem</td><td >
<input type="checkbox" class="chkbox" onchange="fn_CheckAll('chkAllPower','chkpower')" id="chkAllPower" checked="checked" />Tất cả &nbsp;&nbsp;&nbsp;
[var.strCheck;htmlconv=no]
</td>
</tr>
<tr id='trHelp' style="display:none">
<td >Trợ Giúp</td><td ><input type="checkbox" class="chkbox"  id="chkHelp" /></td>
</tr>
<tr >
<td >Kích Hoạt</td><td ><input type="checkbox" class="chkbox"  id="chkActive" /></td>
</tr>



<tr >
<td colspan="2">
<button class="submit" id="submit" onclick="SaveFormAdd(this.form,true)" type="button"> Save </button> <button class="clear" type="reset" id="clear"> Reset</button>
</td>
</tr>
</table>
</form>
 
</div>
<div class="divGrid" id="divGrid">

</div>

</div>

<script language="javascript">

 $(document).ready(function(){
      initTable();       
 });
 
 function initTable(){
     
     $("#tableOne").tablesorter({ debug false, sortList [[0, 0]], widgets ['zebra', 'columnHighlight'] })
                .tablesorterPager({ container $("#pagerOne"), position:fixed false });
     
 }
 
function changeCategory(value){
    if(value==2){
        $('#trHelp').css('display','');        
        $('#trFather').css('display','');
        $('#trFrmVi').css('display','');
        $('#trFrmEn').css('display','');
        $('#trModule').css('display','');
    }else{
       $('#trHelp').css('display','none');  
        $('#trFather').css('display','none');
        $('#trFrmVi').css('display','none');
        $('#trFrmEn').css('display','none');
        $('#trModule').css('display','none');       
    }
}
xajax_loadGrid();

</script>
